<template>
    <section >
        <facebook-index v-if="managerIndex=='0'"/>
        <facebook-group v-if="managerIndex=='1'"/>
        <facebook-ads v-if="managerIndex=='2'"/>
        <facebook-ab-test v-if="managerIndex=='3'"/>
    </section>
</template>

<script>
    import Vue from 'vue'
    import { mapGetters} from 'vuex';
    import { MANAGER_INDEX } from '../../../store/mutation-types/manager/index'
    import {Tabs,TabPane} from 'element-ui';
    import { getParam ,changeParam} from '~/assets/js/global'
    import FacebookIndex from '~/components/manager/facebook/index.vue'
    import FacebookGroup from '~/components/manager/facebook/ads-group.vue'
    import FacebookAds from '~/components/manager/facebook/ads-list.vue'
    import FacebookAbTest from '~/components/manager/facebook/abTest.vue'
    Vue.use(Tabs);
    Vue.use(TabPane);

    export default {
        components: {
            FacebookIndex,
            FacebookGroup,
            FacebookAds,
            FacebookAbTest
        },
        computed : {
            ...mapGetters({
                'managerIndex' : 'getManagerIndex',
            })
        }
    }
</script>
